<!DOCTYPE html>
<html>
<head>
	<title></title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bootstrap.min.css">
<script src="__PUBLIC__/js/jquery.min.js"></script>
<script src="__PUBLIC__/js/bootstrap.min.js"></script>
<link href="__PUBLIC__/css/font-awesome.css" rel="stylesheet"> 
<script src="__PUBLIC__/js/Chart.js"></script>
<style type="text/css">
html {
	overflow: hidden;
}
.r3_counter_box{
	min-height: 100px;
	background: #ffffff;
	padding: 15px;
}
.fa.pull-left {
	margin-right: 10% !important;
}
.r3_counter_box .fa {
	width: 66px;
	height: 66px;
	text-align: center;
	line-height: 65px;
}
i.user1 {
	background: #ef553a;
}
.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-rounded{
	color: #ffffff;
	font-size: 25px;
}
.obx{
	box-shadow: 0px 0px 10px #888888;
	margin-right: 1.5%;
}
i.user2 {
background: #3b5998;
}
i.dollar1 {
background: #00aced;
}
.icon-rounded {
background-color: #9358ac;
color: #ffffff;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
font-size: 25px;
}
</style>
</head>
<body>
<div class="container">
	<div class="row">
		<div class="col-md-3 col-sm-3 obx">
			<div class="r3_counter_box">
				<i class="pull-left fa fa-user user1 icon-rounded"></i>
                    <div class="stats">
                      <h4><strong>{$user_count}</strong></h4>
                      <span>个人用户</span>
                    </div>
			</div>
		</div>
		<div class="col-md-3 col-sm-3 obx">
			<div class="r3_counter_box">
				<i class="pull-left fa fa-users user2 icon-rounded"></i>
                    <div class="stats">
                      <h4><strong>{$team_count}</strong></h4>
                      <span>机构数量</span>
                    </div>
			</div>
		</div>
		<div class="col-md-3 col-sm-3 obx">
			<div class="r3_counter_box">
				<i class="pull-left fa fa-flag dollar1 icon-rounded"></i>
                    <div class="stats">
                      <h4><strong>{$game_list}</strong></h4>
                      <span>场次总数</span>
                    </div>
			</div>
		</div>
	</div>
	<hr>
	<div class="row">
		<div class="col_1">
			    <div class="col-md-6 span_7 obx">	
			      <div class="cal1 cal_2"><div class="clndr"><div class="clndr-controls"><div class="clndr-control-button"><p class="clndr-previous-button">previous</p></div><div class="month">July 2015</div><div class="clndr-control-button rightalign"><p class="clndr-next-button">next</p></div></div><table class="clndr-table" border="0" cellspacing="0" cellpadding="0"><thead><tr class="header-days"><td class="header-day">S</td><td class="header-day">M</td><td class="header-day">T</td><td class="header-day">W</td><td class="header-day">T</td><td class="header-day">F</td><td class="header-day">S</td></tr></thead><tbody><tr><td class="day adjacent-month last-month calendar-day-2015-06-28"><div class="day-contents">28</div></td><td class="day adjacent-month last-month calendar-day-2015-06-29"><div class="day-contents">29</div></td><td class="day adjacent-month last-month calendar-day-2015-06-30"><div class="day-contents">30</div></td><td class="day calendar-day-2015-07-01"><div class="day-contents">1</div></td><td class="day calendar-day-2015-07-02"><div class="day-contents">2</div></td><td class="day calendar-day-2015-07-03"><div class="day-contents">3</div></td><td class="day calendar-day-2015-07-04"><div class="day-contents">4</div></td></tr><tr><td class="day calendar-day-2015-07-05"><div class="day-contents">5</div></td><td class="day calendar-day-2015-07-06"><div class="day-contents">6</div></td><td class="day calendar-day-2015-07-07"><div class="day-contents">7</div></td><td class="day calendar-day-2015-07-08"><div class="day-contents">8</div></td><td class="day calendar-day-2015-07-09"><div class="day-contents">9</div></td><td class="day calendar-day-2015-07-10"><div class="day-contents">10</div></td><td class="day calendar-day-2015-07-11"><div class="day-contents">11</div></td></tr><tr><td class="day calendar-day-2015-07-12"><div class="day-contents">12</div></td><td class="day calendar-day-2015-07-13"><div class="day-contents">13</div></td><td class="day calendar-day-2015-07-14"><div class="day-contents">14</div></td><td class="day calendar-day-2015-07-15"><div class="day-contents">15</div></td><td class="day calendar-day-2015-07-16"><div class="day-contents">16</div></td><td class="day calendar-day-2015-07-17"><div class="day-contents">17</div></td><td class="day calendar-day-2015-07-18"><div class="day-contents">18</div></td></tr><tr><td class="day calendar-day-2015-07-19"><div class="day-contents">19</div></td><td class="day calendar-day-2015-07-20"><div class="day-contents">20</div></td><td class="day calendar-day-2015-07-21"><div class="day-contents">21</div></td><td class="day calendar-day-2015-07-22"><div class="day-contents">22</div></td><td class="day calendar-day-2015-07-23"><div class="day-contents">23</div></td><td class="day calendar-day-2015-07-24"><div class="day-contents">24</div></td><td class="day calendar-day-2015-07-25"><div class="day-contents">25</div></td></tr><tr><td class="day calendar-day-2015-07-26"><div class="day-contents">26</div></td><td class="day calendar-day-2015-07-27"><div class="day-contents">27</div></td><td class="day calendar-day-2015-07-28"><div class="day-contents">28</div></td><td class="day calendar-day-2015-07-29"><div class="day-contents">29</div></td><td class="day calendar-day-2015-07-30"><div class="day-contents">30</div></td><td class="day calendar-day-2015-07-31"><div class="day-contents">31</div></td><td class="day adjacent-month next-month calendar-day-2015-08-01"><div class="day-contents">1</div></td></tr></tbody></table></div></div>
			    </div>
			    <div class="col-md-6">
					<canvas id="myChart" width="400" height="400"></canvas>
			    </div>
	            <div class="clearfix"> </div>
		  </div>
	  </div>
	  <div class="span_11">
		<div class="col-md-10 col_4" >
		  <div class="map_container"><div id="vmap" style="width: 100%; height: 400px;"></div></div>
		  <!----Calender -------->
			<link rel="stylesheet" href="__PUBLIC__/css/clndr.css" type="text/css" />
			<script src="__PUBLIC__/js/underscore-min.js" type="text/javascript"></script>
			<script src= "__PUBLIC__/js/moment-2.2.1.js" type="text/javascript"></script>
			<script src="__PUBLIC__/js/clndr.js" type="text/javascript"></script>
			<script src="__PUBLIC__/js/site.js" type="text/javascript"></script>
			<!----End Calender -------->
</div>
</body>
</html>